<div class="detail">
<div class="scroll_dt">
    <div class="logo">
        <a href="<?=DOMAIN?>">
            <p class="h1">Sudo</p>
            <p class="h3">Web Solutions</p>
        </a>
    </div>
    <div class="content" style="padding: 0px 10px; padding-bottom: 20px;">
        <div class="share_cat_title">
            <h1><?=$service->name?></h1>
        </div>
        <div class="share_cat_content">
        <?
        foreach($list_service as $share_item) {
            ?>
            <div class="share_cat_item">
                <div class="wrap">
                    <div class="img">
                        <a href="<?=generate_service_webdesign_detail_url($share_item)?>">
                            <img src="<?=page_img.$share_item['ser_picture']?>" alt="<?=$share_item['ser_title']?>" />
                        </a>
                    </div>
                    <a href="<?=generate_service_webdesign_detail_url($share_item)?>">
                        <h2 style="padding-top: 10px;"><?=$share_item['ser_title']?></h2>
                    </a>
                    <p><?=cut_string($share_item['ser_summary'],85)?></p>
                    <div class="meta">
                        
                    </div>
                </div>
            </div>
            <?
        }
        ?>
        </div>
    </div>
</div>
</div><!-- End detail -->
<script>
$(document).ready(function() {
    var dt_scroll = $(window).height();
    $('.scroll_dt').slimScroll({
        height: dt_scroll,
        wheelStep: 2
    });
});
</script>